$(function () {
    function fn1() {
        $(".guang_gao_1").hide(500);
    }

    function fn2() {
        $(".guang_gao_1").show(500);
    }

    var isHidden = false;
    $(".cn").on('click', function () {
        if (isHidden) {
            fn2();
        } else {
            fn1();
        }
        isHidden = !isHidden;
    });
    
    $(".red_Click").click(function () {
        $(".bianse").css("color","red");
        $(".beijing_bianse").css("background-color","red");
        $(".bianse_tu").css("border","5px solid red");

        $(".div_yuan_wu").mouseover(function () {
            $(this).css("background-color","red");
        })

        $(".div_yuan_wu").mouseout(function () {
            $(this).css("background-color","black");
        })

        $(".div_yuan_wu2").mouseover(function () {
            $(this).css("background-color","red");
        })

        $(".div_yuan_wu2").mouseout(function () {
            $(this).css("background-color","black");
        })
    })

    $(".blue_Click").click(function () {
        $(".bianse").css("color","blue");
        $(".beijing_bianse").css("background-color","blue");
        $(".bianse_tu").css("border","5px solid blue");

        $(".div_yuan_wu").mouseover(function () {
            $(this).css("background-color","blue");
        })

        $(".div_yuan_wu").mouseout(function () {
            $(this).css("background-color","black");
        })

        $(".div_yuan_wu2").mouseover(function () {
            $(this).css("background-color","blue");
        })

        $(".div_yuan_wu2").mouseout(function () {
            $(this).css("background-color","black");
        })
    })

    $(".purple_Click").click(function () {
        $(".bianse").css("color","#ff04e2");
        $(".beijing_bianse").css("background-color","#ff04e2");
        $(".bianse_tu").css("border","5px solid #ff04e2");

        $(".div_yuan_wu").mouseover(function () {
            $(this).css("background-color","#ff04e2");
        })

        $(".div_yuan_wu").mouseout(function () {
            $(this).css("background-color","black");
        })

        $(".div_yuan_wu2").mouseover(function () {
            $(this).css("background-color","#ff04e2");
        })

        $(".div_yuan_wu2").mouseout(function () {
            $(this).css("background-color","black");
        })
    })

    $(".deeppink_Click").click(function () {
        $(".bianse").css("color","deeppink");
        $(".beijing_bianse").css("background-color","deeppink");
        $(".bianse_tu").css("border","5px solid deeppink");

        $(".div_yuan_wu").mouseover(function () {
            $(this).css("background-color","deeppink");
        })

        $(".div_yuan_wu").mouseout(function () {
            $(this).css("background-color","black");
        })

        $(".div_yuan_wu2").mouseover(function () {
            $(this).css("background-color","deeppink");
        })

        $(".div_yuan_wu2").mouseout(function () {
            $(this).css("background-color","black");
        })
    })
})
